<?php $this->dojo()->enable();
echo $this->title;
?>


<div id ="assess"

</div>

<table>
<div id ="goal"
<?php $long = null; ?>
<?php foreach($this->goal as $goal) : ?>
<tr>
<td width="30%" align="left">
<?php $long = $long.$goal; ?>
<?php endforeach; ?>


</div>
</table>

<script type="text/javascript">
    dojo.require("dijit.TitlePane");

    var tp;
    dojo.addOnLoad(function() {
        tp = new dijit.TitlePane({
            title: "Current Assessments and Grades",
            content: "<?php foreach($this->grades as $grades){ echo $grades.'<br>';}?>",
            open: false
        });
        dojo.byId("assess").appendChild(tp.domNode);

        tp1 = new dijit.TitlePane({
            title: "Current Goal",
            content: "<?php echo $long; ?>",
            open: false
        });
        dojo.byId("goal").appendChild(tp1.domNode);
        
        tp2 = new dijit.TitlePane({
            title: "Current Standing",
            content: "<?php foreach($this->standing as $stand){echo $stand;}  ?>",
            open: false
        });
        dojo.byId("goal").appendChild(tp2.domNode);

        tp3 = new dijit.TitlePane({
            title: "Expectations based on Current Standing",
            content: "<?php foreach($this->expect as $expect){echo $expect;}  ?>",
            open: false
        });
        dojo.byId("goal").appendChild(tp3.domNode);


    });
</script>

<div id="holder">
</div><br><br>
